<template>
	<view>
		<scroll-view scroll-y>
			<view class="bg-white">
				<view class="grid margin-bottom text-center col-8">
					<view class="padding service" v-for="(item,indexs) in courseList" :key="indexs">
						<view>
							<view class=" text-xs text-gray text-bold margin-top-xs">{{item.week}}</view>
							<view class=" text-xs text-gray text-bold margin-top-xs">{{item.date}}</view>
						</view>
					</view>
				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				courseList: [{
						date: '5月'
					},
					{
						week: '周一',
						date: '05/03'
					},
					{
						week: '周二',
						date: '05/04'
					},
					{
						week: '周三',
						date: '05/05'
					},
					{
						week: '周四',
						date: '05/06'
					},
					{
						week: '周五',
						date: '05/07'
					},
					{
						week: '周六',
						date: '05/08'
					},
					{
						week: '周日',
						date: '05/09'
					},
					{
						number: '1'
					}
				}
			}
		},
		methods: {

		},
	}
</script>

<style>
	.service {
		border: 0.01px solid #eee;
	}

	.service-text-wrapper {
		position: relative;
	}

	.service-text {
		position: absolute;
		transform: translate(-50%, -50%);
		width: 100%;
		top: 50%;
		left: 50%;
	}
</style>
